<template>
	<view>
		<u-mask :show="showStatus" :mask-click-able="false">
			<view class="bg">
				<img src="https://resource.lanbaozixun.com/uploads/images/202409092051332046f7965.png" class="vip-introduce" alt="" srcset="" @click="tapMenu({path:'/pages/user_vip/user_vip'})" />
				<u-icon name="close-circle" color="#FFF" size="70" class="close-btn" @click="showStatus = false"></u-icon>
			</view>
		</u-mask>
	</view>
</template>

<script>
	export default {
		name:"hint-buy-vip-message",
		data() {
			return {
				showStatus:false
			};
		},
		methods:{
			show(){
				this.showStatus = true;
			},
			tapMenu(e){
				
				this.showStatus = false;
				
				uni.navigateTo({
					url: e.path
				});
			}
		}
	}
</script>

<style lang="scss" scoped>
	.vip-introduce{
		width: 100%;
	}
	.bg{
		top: 50%;
		left: 50%;
		z-index:1999;
		width: 80%;
		position: fixed;
		text-align: center;
		transform: translate(-50%, -50%);
		
		.close-btn{
			bottom: 0;
			margin-top: 20rpx;
		}
	}
</style>